<template>
  <div id="app">
    <router-view />
    <theme-picker />
  </div>
</template>

<script>
import ThemePicker from "@/components/ThemePicker";

export default {
  name: "App",
  components: { ThemePicker },
  metaInfo() {
    return {
      title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
      titleTemplate: title => {
        return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
      }
    }
  }
};
</script>
<style scoped>
#app .theme-picker {
  display: none;
}
</style>
<style type="text/css">
  .el-row.is-align-middle {
      align-items: center;display: flex;
  }
    .flex_zhcenter{
        display: flex;align-items: center;justify-content: center;
    }
    .flex_hcneter_bet{
        display: flex;align-items: center;justify-content: space-between;
    }
    .flex_hcneter{display: flex;align-items: center;}
    .flex_hcneter_col{display: flex;align-items: center;flex-direction: column;}
    .flex_column{display: flex!important;flex-direction: column;}
    .flex_wrap{display: flex;flex-wrap: wrap;}
    .flex_flex{flex: 1;}
    .flex_betw{display: flex;justify-content: space-between;}
    .flex_hend{display: flex;justify-content: flex-end;}
    .flex-around {display: flex;align-items: center;justify-content: space-around;}
    .overfHidden{overflow: hidden;}
    .wordBreak{word-break: keep-all;}
    /**单行文字省略号**/
    .txt-ellipsis {
        width: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
    .txt-ellipsis--l2 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .descriptions__label{color: #8087a0;}
    .descriptions__label:not(.is-bordered-label){margin-right: 16px;}
    .descriptions__content{color: #606266;}

    .diy-leading-10 {
      line-height: 2.5rem;
    }
    .diy-h-10 {
      height: 2.5rem;
    }
    .diy-block-box {
      width: 100%;
      border-radius: 4px;
      border: 1px solid #dfdfdf;
      padding-left: 12px;
    }
    .diy-text-sm {
      font-size: 0.875rem;
    }
</style>
